body { background:url(../images/bodybg.jpg)  top center no-repeat; width:100%; font-size:12px; font-family:"微软雅黑","microsoft yh"Verdana, Geneva, sans-serif; margin:0; padding:0; }
a { color:#000; text-decoration:none;}
a:hover { color:#F00;}
img { border:0;}
h1,h3 { font-size:14px; margin:0; padding:0;}
ul,li { list-style:none; margin:0; padding:0; float:left;}
.mbot10px { margin-bottom:10px;}
.mtop10px { margin-top:20px;}

#head { width:1002px; height:auto; margin:0 auto;}
	.toplogo { width:1002px; height:118px;}
		.toplogo a.tl { width:600px; height:113px; display:block; float:left;}
		.toplogo span { float:right; margin-top:20px; margin-right:35px;}
		.toplogo span h1 { float:left; margin-left:15px;}
		.toplogo span h1 a:hover { color:#00F;}
		.toplogo div { float:right; margin-top:15px; margin-right:30px; display:inline;}
	.menu { width:1002px; height:50px;}
		.menu table { margin-left:10px; display:inline; float:left;}
		.menu table td { font-size:14px; font-weight:700; width:122px; height:50px; line-height:50px; text-align:center;}
		.menu table td.navcc{ background:url(../images/menujgx.jpg) no-repeat top left;}
		.menu table td a { color:#FFF;}
		.menu table td a:hover,.menu table td a.menuh,.menu table td a.menuh:hover { background:url(../images/menubh.jpg) no-repeat top center; width:122px; height:50px; display:block; color:#0065a4;}
		.menusub { width:1002px; height:41px; line-height:41px;}
		#st0,#st1,#st2,#st3,#st4,#st5,#st6,#st7 { display:inline;}
		#st0 a,#st1 a,#st2 a,#st3 a,#st4 a,#st5 a,#st6 a,#st7 a { margin:0 10px;}
		#st0 { margin-left:30px;}
		#st1 { margin-left:274px;}
		#st2 { margin-left:510px;}
		#st3 { margin-left:396px;}
	.banner { width:1002px; height:276px; margin:0 auto 10px; padding-top:7px;}
	.jpts_c{ width:626px; height:288px; border:1px solid #ccc; border-top:none; padding:1px;}


.h_productC { width:1000px; float:left;}
.h_box_c { border:1px solid #ccc; border-top:none;}
#demo { overflow:hidden;  width:999px; margin:0 auto;}
#indemo { float: left; width:800%; }
#demo1 { float: left; }
#demo2 {float: left;}
.h_product { width:206px; height:auto; display:block; float:left; margin-bottom:8px; margin-left:18px; margin-top:10px; display:inline;}
	.h_product img { width:206px; height:145px; overflow:hidden; border:1px solid #ccc;}
	.h_product span { display:block; float:left; width:206px; background:#f6f6f6; border:1px solid #ccc; line-height:30px; border-top:none; text-indent:5px;}

	
#content { width:1002px; height:auto; overflow:hidden; margin:0 auto;}
.content_tp { float:left; width:100%; overflow:hidden; margin-top:10px; margin-bottom:15px;}
    .tp_title { background:url(../Images/tit01.jpg) no-repeat left top; width:100%; height:40px; line-height:40px; overflow:hidden;}
	.tp_font { float:left;}
	.tp_font h3 { color:#fff; margin:0; padding:0; text-indent:35px;}
	.tp_more { background:url(../Images/tit01.jpg) no-repeat right top; height:40px; float:right; width:100px;}
	.tp_more a { width:100px; height:40px; display:block; float:right; text-align:right;}
.gsjj { float:left; width:630px; height:auto; overflow:hidden; margin-bottom:10px;}
	.gsjj_title { background:url(../Images/tit01.jpg) no-repeat left top; width:100%; height:40px; line-height:40px; overflow:hidden;}
	.gsjj_font { float:left;}
	.gsjj_font h3 { color:#fff; margin:0; padding:0; text-indent:35px;}
	.gsjj_more { background:url(../Images/tit01.jpg) no-repeat right top; height:40px; float:right; width:100px;}
	.gsjj_more a { width:100px; height:40px; display:block; float:right; text-align:right;}
	
	.gsjj_fontA { float:left;}
	.gsjj_fontA h3 { color:#fff; margin:0; padding:0; text-indent:35px;}
	.gsjj_moreA { background:url(../Images/tit02.jpg) no-repeat right top; height:40px; float:right; padding-right:15px;}
	
	.gsjj_c { width:598px; height:auto; text-align:left; float:right; padding:15px 15px 6px; border:1px solid #ccc; border-top:none; display:inline;}
	.gsjj_c p { margin:0 0 0; padding:0 0 5px; line-height:24px; text-indent:2em;}
	.gsjj_sp { width:598px; margin-bottom:10px;}
	.gsjj_zp { width:628px;border:1px solid #ccc; border-top:none; display:inline; float:left;}
	.gsjj_zp img { width:618px; height:117px; padding:5px;}
.yyxw { float:right; width:362px; height:auto; overflow:hidden; margin-bottom:10px; border:1px solid #ccc; border-top:none;}
	.yyxw_title { background:url(../Images/boxtit.jpg) no-repeat left top; width:305px; height:33px; line-height:33px; overflow:hidden;}
	.yyxw_font { float:left;}
	.yyxw_font h3 { color:#003a7a; margin:0; padding:0; text-indent:35px;}
	.yyxw_more { background:url(../Images/boxtit.jpg) no-repeat left right; height:33px; float:right; padding-right:15px;}
	.yyxw_more a { text-align:right;}
	.yyxw_c { width:345px; height:auto; text-align:left; float:left; padding:8px;  display:inline; min-height:270px;}
	.yyxw_sp { background:url(../Images/newsicon.gif) no-repeat left center; text-indent:15px; border-bottom:1px dotted #e3e3e3; width:100%; line-height:28px; overflow:hidden;}
	.yyxw_sp a { float:left;}
	.yyxw_sp span { width:75px; height:28px; display:block; overflow:hidden; color:#999; float:right; text-align:right;}
.jxzy{ clear:both; width:1022px; margin:0 auto; height:auto; overflow:hidden;}
	.jxzya { width:327px; float:left; margin-left:10px; display:inline; margin-bottom:10px;}
	.jxzya_c{ width:285px; height:auto; text-align:left; float:right; padding:10px 20px 10px; border:1px solid #ccc; border-top:none; display:inline;}
.c_pbox { width:1002px; height:auto; overflow:hidden;}
.contact { float:left; background:url(../Images/contactbg.jpg) no-repeat left bottom; width:239px; height:auto; overflow:hidden; margin-right:10px; margin-bottom:10px;}
	.contact_title { width:239px; height:32px; line-height:32px; overflow:hidden;}
	.contact_font { float:left;}
	.contact_font h3 { color:#fff; margin:0; padding:0; text-indent:25px;}
	.contact_more { height:32px; line-height:36px; float:right; padding-right:30px;}
	.contact_more a { text-align:right;}
	.contact_c { width:220px; height:auto; text-align:left; float:left; display:inline;}
	.contact_sp { font-size:14px; width:220px; line-height:22px; overflow:hidden; padding-left:20px; padding-top:16px; padding-bottom:28px;}
	.contact_sp img { vertical-align:middle;}
.zzry { float:right; background:url(../Images/boxbg.jpg) no-repeat left bottom; float:left; width:753px; height:auto; overflow:hidden;}
	.zzry_title { background:url(../Images/boxtit.jpg) no-repeat left top; width:753px; height:33px; line-height:33px; overflow:hidden;}
	.zzry_font { float:left;}
	.zzry_font h3 { color:#003a7a; margin:0; padding:0; text-indent:35px;}
	.zzry_more { background:url(../Images/boxtit.jpg) no-repeat left right; height:33px; float:right; padding-right:15px;}
	.zzry_more a { text-align:right;}
	.zzry_c { background:url(../Images/zzrybg.jpg) no-repeat right top; width:753px; height:271px; overflow:hidden; text-align:left; float:right; padding:5px 0 7px; display:inline;}
	.zzry_sp,.zzry_sp1 { width:690px; margin-left:50px; display:inline;}
	.zzry_sp { height:137px;}
	.zzry_sp1 { height:137px;}
	.zzry_sp span,.zzry_sp1 span { margin-top:5px; background:url(../Images/rybg.jpg); width:155px; height:125px; overflow:hidden; float:left; margin-right:15px; margin-left:2px; display:inline; text-align:center;}
	.zzry_sp span img,.zzry_sp1 span img { margin:5px 0 7px 0; display:inline;}
.ysdj { width:1002px; height:auto; overflow:hidden; margin-top:10px;}
	.ysdj_title { background:url(../Images/ysdjt.jpg); height:174px; width:33px; text-align:center;}
	.ysdj_font { width:33px; text-align:center;}
	.ysdj_font h3 { color:#FFF; margin-top:55px;}
	.ysdj_c { width:969px; height:174px; overflow:hidden;}
	.ysdj_sp { border:1px solid #ccc; border-left:none; border-right:none; height:152px; padding-left:15px; width:940px; padding-top:15px; padding-bottom:5px;}
	.ysdj_sp img { margin-right:15px;}
	.ysdj_r { float:right;}
.cclx { width:1000px; border:1px solid #e3e5e5; border-top:3px solid #62b7e2; margin-top:10px;}
	.cclx_title { background:url(../Images/cclxtit.jpg) no-repeat top center; width:1000px; height:28px;}
	.cclx_c { padding:5px 10px 10px;}
	.cclx_c2 { width:100%; line-height:24px; font-size:14px; color:#F00; padding-top:10px;}

.flink { clear:both; margin-top:10px; width:1002px; margin:0 auto; padding-bottom:10px;}
	.flink strong { font-size:14px;}
	.flink a { color:#7a7a7a;}
	.flink a:hover { color:#F00;}

#foot { background:url(../Images/botbg.jpg) repeat-x center 35px #026db7; width:100%; height:158px;}
	.footcontact { font-size:14px; width:1002px; height:auto; margin:0 auto; text-align:center; margin-top:18px; line-height:26px;}
	.footlink{ width:1002px; margin:0 auto; height:35px; line-height:35px; color:#fff; margin-bottom:10px;}
	
	.footlinkb { text-align:center; width:1002px;}
	.footlinkb a { color:#fff; font-size:14px;  }
	.footlinkb a:hover { color:#ff0;}
	
.page_adimg { background:url(../Images/page_ad.jpg); width:1002px; height:124px; overflow:hidden; margin-bottom:10px;}
.page_left { float:left; width:239px; height:auto; overflow:hidden;}
	.p_list { float:left; width:239px; height:auto; overflow:hidden; margin-bottom:10px;}
	.p_list_title { background:url(../Images/boxtit.jpg) no-repeat left top; width:239px; height:33px; line-height:33px; overflow:hidden;}
	.p_list_font { float:left;}
	.p_list_font h3 { color:#003a7a; margin:0; padding:0; text-indent:35px;}
	.p_list_more { background:url(../Images/boxtit.jpg) no-repeat left right; height:33px; float:right; padding-right:15px;}
	.p_list_more a { text-align:right;}
	.p_list_c { border:1px solid #ddd; width:237px; height:auto; text-align:left; float:right; display:inline; padding:10px 0;}
	.p_list_sp { background:url(../Images/p_listbg.jpg) no-repeat; font-size:14px; width:220px; height:33px; line-height:30px; text-indent:45px; margin-left:8px; display:inline; margin-bottom:3px;}
.page_right { float:left; float:left; width:753px; height:auto; overflow:hidden; margin-left:10px; display:inline; margin-bottom:10px;}
	.page_right_title { background:url(../Images/boxtit.jpg) no-repeat left top; width:753px; height:33px; line-height:33px; overflow:hidden;}
	.page_right_font { float:left;}
	.page_right_font h3 { color:#003a7a; margin:0; padding:0; text-indent:35px;}
	.page_right_more { background:url(../Images/boxtit.jpg) no-repeat left right; height:33px; float:right; padding-right:15px;}
	.page_right_more a { text-align:right;}
	.page_right_c { border:1px solid #ddd; width:751px; height:auto; text-align:left; display:inline; padding:10px 0;}
	/*.page_right_sp { display:inline; padding:15px 20px; width:711px;}*/
	.page_right_sp p { font-size:14px; line-height:28px; margin-left:20px;}
	.page_right_sp p img {  border:1px solid #ddd; padding:5px; margin-left:10px;}
	.page_right_sp ul { width:320px; border:1px solid #ddd; height:234px; float:left; padding-bottom:7px; margin-left:35px; display:inline; margin-top:20px; overflow:hidden;}
	.page_right_sp ul .pp_img { width:306px; height:198px; overflow:hidden; margin:7px 0 7px 7px; display:inline;}
	.page_right_sp ul .pp_img img { width:306px; height:198px;}
	.page_right_sp ul .pp_txt { background:url(../Images/page_prodbg.jpg); width:306px; height:22px; line-height:22px; margin-left:7px; display:inline; font-size:14px; font-weight:700;}
	.page_right_sp ul .pp_txt a { width:306px; height:22px; display:block; overflow:hidden; float:left; text-indent:20px;}
	.page_right_sp ul .pp_txt a:hover { background:url(../Images/page_prodbg.jpg) no-repeat left bottom; width:306px; height:22px; display:block; overflow:hidden; float:left; text-indent:20px;}
	
	
/* yuan css */
.list_title{ background:url(../Images/pnews.jpg) no-repeat left center; text-indent:20px; font:14px Microsoft Yahei;margin:0;padding:0;color:#03f;}
.list_title a{color:#03f;text-decoration:underline;}
.list_title a:hover{color:#f30;}
.list_jj{color:#444;margin:5px 0;word-wrap:break-word;overflow:hidden;width:100%; line-height:15px; line-height:22px;}
.list_other{color:#777;margin-bottom:20px;border-bottom:1px dashed #ccc;padding-bottom:5px;}
.list_other span{color:#aaa;}

.info_title{margin:10px 0;font:100 18px Microsoft Yahei;text-align:center;}
.info_other{text-align:center;color:#999;margin:4px 0; border-bottom:1px solid #ddd; padding-bottom:10px;}
.info_jj{border:1px solid #FDCC97;background:#FEFCFA;padding:10px;margin:10px 20px;color:#666;line-height:20px;word-wrap:break-word;overflow:hidden;}
.info_jj a{font-family:verdana;color:#00f;}
.info_jj a:hover{color:#f30;}
.info_jj span{font-weight:bold;color:#000;}
.bdshare_t { padding-top:5px;}
.info_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:24px;font-size:13px; border-top:1px solid #ddd; margin-top:10px; padding-top:10px;}
.info_content img{max-width:600px;}
.other_content{word-wrap:break-word;word-break:break-all;overflow:hidden;line-height:24px;}
.other_content img{max-width:600px;}
.info_mood{font:bold 14px/30px "宋体";color:#333;margin:20px 20px 0 20px;clear:both;}
.info_next{color:#999;margin:6px 20px;}
.info_next a{font-family:verdana;}

/* page css */
.List_page{ clear:both;text-align:center;margin-bottom:10px; float:left; width:100%;}
.List_page a{background:#eee;margin:0px 1px;padding:3px 6px;border:1px solid #ddd;color:#777;}
.List_page span{background:#eee;color:#000; font-weight:700;margin:0px 1px;padding:5px 6px;border:1px solid #ddd;}

/*content css*/
.content_page a{background:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;color:#A0A0A0;display:inline-block;}
.content_page a.on{background:#AECD9E;color:#fff;margin:1px;padding:4px 6px;border:1px solid #AECD9E;display:inline-block;}
.content_page input{position:absolute;margin:-5px 0 0 1px;*margin:0 0 0 1px;padding:1px 0 2px 0;*padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:30px;height:22px;line-height:22px;text-align:center;}
.content_page button{position:absolute;margin:-5px 0 0 35px;*margin:0 0 0 35px;padding:0;background:#fff;border:1px solid #AECD9E;color:#A0A0A0;width:40px;height:24px;line-height:24px;text-align:center;font-size:12px;}
.content_url{font-size:14px;font-family:arial;color:#06f;margin:20px;}
.content_url span{color:#666;}
.content_url input{background:#50B20E;color:#fff;width:40px;border:0;height:24px;}
.content_url #this_url{border:1px solid #ccc;width:464px;font-family:arial;color:#000;height:20px;line-height:20px;background:#fff;}



.row-content{ width:626px; margin:0 auto; text-align:left; clear:both}
.showcase.cloud{ position:relative; height:288px}
.showcase.cloud .container{ width:626px; height:288px; overflow:hidden; position:relative}
.showcase.cloud .slide{ position:absolute; top:0; left:0; z-index:0; width:500px; height:288px}
.showcase.cloud .slide .content-main-visual{ width:450px; height:288px; overflow:hidden; position:relative}
.showcase.cloud .slide .content-main-visual a{ display:none; width:450px; height:288px; overflow:hidden; position:absolute; z-index:0; top:0; left:0}
.showcase.cloud .slide .content-main-visual a.pc{ display:block}
.showcase.cloud .slide .content-main-visual a.tablet{ display:none}
.showcase.cloud .slide .content-main-visual a.smartphone{ display:none}
.showcase.cloud .slide .content-main-visual a img{ width:450px; height:288px}

.showcase.cloud .slide .content-main-feature{ height:366px; width:180px; position:absolute; top:0; left:455px}
.showcase.cloud .slide .content-main-feature .feature{ background:#fff; border:1px solid #ccc; border-right:none; width:180px; height:93px; text-align:center; position:relative; overflow:hidden; margin-bottom:3px;}
.showcase.cloud .slide .content-main-feature .feature a{ padding-top:0; display:block; width:180px; height:93px; position:relative; background-image:none; opacity:0.4; filter:alpha(opacity=40); color:#000}
.showcase.cloud .slide .content-main-feature .feature a:hover{ background-image:none}
.showcase.cloud .slide .content-main-feature .feature a:hover{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a.current{ background:none}
.showcase.cloud .slide .content-main-feature .feature a img{ position:absolute; top:2px; left:0; width:180px; text-align:center; height:63px; margin:0 auto}
.showcase.cloud .slide .content-main-feature .feature a img.tablet{ display:none}
.showcase.cloud .slide .content-main-feature .feature a img.mobile{ display:none}
.showcase.cloud .slide .content-main-feature .feature a span{ position:absolute; bottom:5px; left:0; text-indent:10px; display:block; width:180px; height:auto; text-align:left; padding:0; color:#000; font-size:12px}

.showcase.cloud .slide .content-main-feature .azure{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .brick{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .gray{ background-color:transparent}
.showcase.cloud .slide .content-main-feature .green { background-color:transparent}
.showcase.cloud .slide .content-main-feature .dark-azure{ background-color:#0088C4}
.showcase.cloud .slide .content-main-feature .dark-brick{ background-color:#6F0B01}
.showcase.cloud .slide .content-main-feature .dark-gray{ background-color:#272727}
.showcase.cloud .slide .content-main-feature .dark-green{ background-color:#308900}

.showcase.cloud .slide .content-main-feature .azure a{ background-color:#49b8da}
.showcase.cloud .slide .content-main-feature .brick a{ background-color:#A83513}
.showcase.cloud .slide .content-main-feature .gray a{ background-color:#646464}
.showcase.cloud .slide .content-main-feature .green a{ background-color:#85bb23}

.showcase.cloud .slide .content-main-feature .azure a:hover, .showcase.cloud .slide .content-main-feature .azure a.current{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .azure a:hover span, .showcase.cloud .slide .content-main-feature .azure a.current span{ background-color:#75C3EF; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover, .showcase.cloud .slide .content-main-feature .brick a.current{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .brick a:hover span, .showcase.cloud .slide .content-main-feature .brick a.current span{ background-color:#A83513; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover, .showcase.cloud .slide .content-main-feature .gray a.current{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .gray a:hover span, .showcase.cloud .slide .content-main-feature .gray a.current span{ background-color:#646464; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover, .showcase.cloud .slide .content-main-feature .green a.current{ background-color:#6FBB00; color:#fff}
.showcase.cloud .slide .content-main-feature .green a:hover span, .showcase.cloud .slide .content-main-feature .green a.current span{ background-color:#6FBB00; color:#fff}

.showcase.cloud .slide .content-main-feature .feature a.current{ opacity:1; filter:alpha(opacity=100)}
.showcase.cloud .slide .content-main-feature .feature a .timerLine{ display:none; position:absolute; left:0; bottom:0; width:122px; height:7px}
.showcase.cloud .slide .content-main-feature .feature a.current .timerLine{ display:block}

/*focus*/
.focus{ width:355px; height:111px; margin:0 auto; padding-top:10px; font-size:12px; overflow:hidden;}
.focus-left{ width:175px; height:111px; margin:0; padding:0; float:left;}
.focus-right{ width:170px; height:111px; padding-left:0px; text-height:2em; line-height:30px; overflow:hidden; float:left; margin-left:5px;}
.focus-right a{font-size:12px;}
.focus-right span{margin-top:6px; line-height:22px; word-spacing: 8px; color:#818181;}
.focus-left img{ width:175px; height:111px; margin:0px; padding:0;}
#a-focus{color:#333;font-size:16px;}
#a-focus:hover{color:#f00;}
#a-focus-end{color:#333;}
#a-focus-end:hover{color:#f00;}

.new {width:350px;  overflow:hidden; padding-top:6px; margin:0 auto; overflow:hidden;}
.new li {width:350px; height:29px; line-height:29px; float:left;display:inline; border-bottom:1px #cccccc dotted; background:url(../Images/newsicon.gif) no-repeat left center; text-indent:15px; }
.new a {float:left; padding-left:0px;  text-decoration:none; }
.new font {float:right; text-decoration:none; font-size:12px; overflow:hidden;}
.new a:hover {text-decoration:none; color:#F00;}

/*在线客服*/
.keifu{ position:fixed; top:10%; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #029bdb; border-right:7px solid #029bdb; padding-top:15px; background:#fbfbfb; padding-right:9px;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px;float:left; }